/**
 * 后台样式
 * author: Michael.Liu
 * date: 2012-12-0-10
*/

html,body{ overflow: hidden; height: 100%; background-color: #EEF2FB; margin: 0; padding: 0; font:12px "sans-serif","Arial","Verdana"; }
ul, li { padding: 0; margin: 0; }
img { border: none; }
a { text-decoration: none; color:#395a7b; outline: none; }
a:hover { text-decoration: underline; color: red; }

/* 头部 */
.header { width: 100%;height: 64px; background: url(../images/index-header.gif) repeat-x; }
.header-logo { padding-left: 5px; float: left; }
.header-title { float: left; font:italic bold 24px "sans-serif","Arial","Verdana"; color: #FFF; padding-top: 4px; }
.header-info { float: right; padding-top: 12px; padding-right: 20px; }
.header-info .msg { color: #FFF; padding: 0 30px; }
.header-info .operate { color: #FFF; font-weight: bold; padding: 0 5px; }
.logout { float: right; padding-right: 30px; padding-top: 8px; }

/* 左边菜单栏 */
.sidebar { width: 182px; overflow: hidden; }
.sidebar-con { padding-bottom: 30px; background: url(../images/index_menu_bg.gif) repeat scroll 0 0 #F9FAFB; }
.sidebar-con h3 {
    background: url(../images/index_menu_tit.gif) no-repeat scroll 0 0 transparent;
    color: #000000;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    margin: 0;
    text-align: center;
    font-size: 12px;
    font-weight: normal;
}
.sidebar-con .nav-con {
    background: url(../images/index_menu_line.gif) no-repeat scroll 0 0 transparent;
    padding-top: 5px;
}
.sidebar-bottom { height:3px; background: url(../images/index_menu_bottom.gif); }
.nav-con li {
    color: #333333;
    display: block;
    height: 26px;
    line-height: 26px;
    list-style-type: none;
    padding-left: 0;
    text-decoration: none;
    width: 182px;
}
.nav-con li a {
    background: url(../images/index_menu_off.gif) no-repeat scroll 0 0 transparent;
    color: #333333;
    display: block;
    height: 26px;
    line-height: 26px;
    margin: 0;
    overflow: hidden;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 182px;
    font-size: 12px;
}
.nav-con li a:hover {
    background: url(../images/index_menu_on.gif) no-repeat scroll 0 0 transparent;
    color: #588600;
    display: block;
    font-weight: bold;
    height: 26px;
    line-height: 26px;
    margin: 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 182px;
}

/* 右边内容大容器 */
.top-left { background: url(../images/index-table-top-left.gif) repeat scroll 0 0 transparent; height: 29px; width: 15px; }
.top-center { background: url(../images/index-table-top-center.gif) repeat-x scroll 0 0 transparent; height: 29px; }
.top-right { background: url(../images/index-table-top-right.gif) repeat scroll 0 0 transparent; height: 29px; width: 16px; }
.top-title-left { background: url(../images/index-table-welcome-01.gif) repeat scroll 0 0 transparent; float: left; height: 29px; margin-left: 5px; width: 6px; }
.top-title-center { background: url(../images/index-table-welcome-03.gif) repeat-x scroll 0 0 transparent; float: left; font-weight: bold; height: 29px; line-height: 29px; padding: 0 10px; width: auto; }
.top-title-right { background: url(../images/index-table-welcome-02.gif) repeat scroll 0 0 transparent; float: left; height: 29px; width: 6px; }
.middle-left { background: url(../images/index-table-middle-left.gif) repeat scroll 0 0 transparent; width: 15px; }
.middle-center { background: none repeat scroll 0 0 #F7F8F9; padding-top: 7px; }
.middle-right { background: url(../images/index-table-middle-right.gif) repeat scroll 0 0 transparent; width: 16px; }
.bottom-left { background: url(../images/index-table-bottom-left.gif) repeat scroll 0 0 transparent; height: 8px; width: 15px; }
.bottom-center { background: url(../images/index-table-bottom-center.gif) repeat-x scroll 0 0 transparent; height: 8px; }
.bottom-right { background: url(../images/index-table-bottom-right.gif) repeat scroll 0 0 transparent; height: 8px; width: 16px; }

/* 通用的信息 */
.blank10 { height: 10px; margin: 0 auto; overflow: hidden; }
.line { background: none repeat scroll 0 0 #CCCCCC; height: 1px; }

/* 右边内容 */
.container { width: 99%; margin: 0 auto; overflow: hidden; padding-bottom: 30px; }
.crumbs { border-bottom: 1px solid #CCCCCC; color: #666666; height: 30px; line-height: 30px; }
.box { border: 1px solid #CCCCCC; height: auto; margin: 0 auto; min-height: 65px; padding: 0; }
.box-title { background: url(../images/box-title.gif) repeat-x scroll 0 0 transparent; height: 27px; line-height: 27px; text-indent: 7px; color: #003366; font-weight: bold; }
.box-content { height: auto; line-height: 20px; padding: 7px; }

/* 通用图标 */
.icon-sprite{background-image:url(../images/icons.png); background-repeat:no-repeat; width:16px; height:16px; display:inline-block; position:absolute; top:50%; margin-top:-8px; left:10px;}
.icon-alarm{background-position:0px -2px;}
.icon-list{background-position:-21px -1px;}
.icon-magnifier{background-position:-41px -1px;}
.icon-edit{background-position:-63px -1px;}
.icon-delete{background-position:-83px -2px;}

.block{position:relative; width:99.8%; border:1px solid #CDCDCD; background-color:#F7F7F7; margin:auto;}
.block .corner{background-image:url(../images/block-corner.png); background-repeat:no-repeat; position:absolute;}
.block .tl{width:8px; height:32px; top:-1px; left:-1px; background-position:0px 0px;}
.block .tr{width:8px; height:32px; top:-1px; right:-1px; _right:-2px;  background-position:-8px 0px;}
.block .bl{width:8px; height:12px; bottom:-1px; _bottom:-3px; left:-1px; background-position:0px -32px;}
.block .br{width:8px; height:12px; bottom:-1px; _bottom:-3px; right:-1px; _right:-2px; background-position:-8px -32px;}
.block .h{background:url(../images/block-h.gif) repeat-x; height:32px; line-height: 32px; position:absolute; top:-1px; width:100%;}
.block .h span { 
    padding-left: 20px;
}
.block .h h3{line-height:32px; text-indent:35px; font-size:10pt; color:#666666; font-weight:normal;}
.block .cnt-wp{padding:35px 10px 10px; display:block; _display:inline-block;}
.block .cnt-wp .cnt{border:1px solid #DDDDDD; background-color:#FFFFFF;}
.block .cnt-wp .form{padding:5px;}
.block .h .bar{position:absolute; top:0px; right:10px; text-align:right; padding-top:6px;}
.block .h .bar a,.block .h .bar select,.search-bar a{vertical-align:middle;}

/* 搜索表单 */
.search .cnt{background-color:#FFFFFF;}
.search-bar{text-align:left; padding:10px;}
.search label{padding-left:10px;}
.search label.first{padding-left:0px;}

/* 数据表单 */
.data-form{width:100%; border:0px;}
.data-form tr{height:35px; line-height:35px;}
.data-form th{width:200px; color:#4b4a4a; text-align:right; font-weight:normal;}
.data-form td{padding-left:5px;}
.data-form #tip,.search #tip{ padding-left:5px; font-weight:bold; color:#FF6600;}

/* 数据表格 */
.data-table{width:100%; border:0px;}
.data-table th{background:url(../images/data-table-th.gif) repeat-x; height:31px; line-height:31px; color:#456b0a; font-weight:bold; font-size:12px;}
.data-table .even{background-color:#F2F2F2;}
.data-table td{height:25px; line-height:25px; border-right:1px solid #DDDDDD;}
.data-table td.l{text-align:left;}
.data-table td.c{text-align:center;}
.data-table td.r{text-align:right;}
.data-table td.txt{text-indent:5px;}
.data-table td.chk{text-indent:1px;width:40px;text-align:center;}
.data-table td.txt40{text-indent:5px; width:40px;}
.data-table td.txt80{text-indent:5px; width:80px;}
.data-table td.txt120{text-indent:5px; width:120px;}
.data-table td.txt160{text-indent:5px; width:160px;}
.data-table td.txt200{text-indent:5px; width:200px;}
.data-table td.icon{width:40px; text-align:center;}
.data-table td.tail{border-right:0 none;}
.data-table .opt{position:relative; width:35px; display:block; height:25px; text-align:center; cursor:pointer;}

/* 分页条 */
.pager-bar{height:25px; line-height:25px; color:#5b5959; text-align:right; padding-top:10px;}
.pager-bar .msg{float:left;}
.pager-bar .input-small{width:30px; border:1px solid #D3E5B6; margin:0px 4px;}

/* 分页按钮 */
.button-white{display:inline-block; height:26px; line-height:26px; text-align:center; border:none; background-image:url(../images/button-white.gif); background-repeat:no-repeat; background-position:0px 0px; padding:0px 0px 0px 12px; text-decoration:none; font-weight:normal; color:#5b5959; /*text-shadow:0px 1px #FFFFFF;*/}
.button-white span{display:block; padding:0px 12px 0px 0px; background-image:url(../images/button-white.gif); background-repeat:no-repeat; background-position:right 0px; font-size:12px; font-family:"微软雅黑","宋体";}


